<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>酷狗热搜榜</title>
  </head>
  <style>
    body, h2, h4, p {
      margin: 0;
    }
    a {
      text-decoration: none;
    }
    .music-hot {
      width: 355px;
      margin: 50px auto 0;
    }
    .music-top {
      height: 40px;
      line-height: 40px;
    }
    .music-top a {
      float: right;
      color: #9c9e9c;
      font-size: 16px;
    }
    .music-top h2 {
      font-weight: 100;
      color: #009af3;
      font-size: 29px;
      float: left;
    }
    .music-top h2 span {
      color: gray;
    }
    .item {
      height: 98px;
      background-color: #f6f6f6;
      margin-top: 20px;
    }
    .item .item-img {
      width: 98px;
      height: 98px;
      float: left;
    }
    .item .item-text {
      width: 248px;
      height: 98px;
      float: right;
    }
    .item .item-text h4 {
      padding: 8px 0;
    }
    .item .item-text p {
      color: #555;
      font-size: 14px;
      line-height: 25px;
    }
    .item .item-text p {
      color: #999;
      font-size: 14px;
    }
    .item .item-text p a {
      color: #555;
    }
  </style>
  <body>
    <div class="music-hot">
      <div class="music-top">
        <a href="">更多</a>
        <h2>热门<span>榜单</span></h2>
      </div>
      <div class="item">
        <div class="item-img">
          <img width="98" src="https://www.kugou.com/common/images/rank_i1.png" alt="">
        </div>
        <div class="item-text">
          <h4>酷狗飙升榜</h4>
          <p><a href="">1. 很受伤（Live）- </a><span>郁可唯</span></p>
          <p><a href="">2. Lemon（柠檬）- </a><span>米津</span></p>
        </div>
      </div>
      <!-- <div class="item">
        <div class="item-img"></div>
        <div class="item-text"></div>
      </div>
      <div class="item">
        <div class="item-img"></div>
        <div class="item-text"></div>
      </div> -->
    </div>
  </body>
</html>
